<!DOCTYPE html>
<html data-wf-site="54c47d800e36ed896d10a21f" data-wf-page="54c47d800e36ed896d10a220" data-wf-status="1" class="wf-montserrat-n4-active wf-montserrat-n7-active wf-active w-mod-js w-mod-no-touch w-mod-video w-mod-no-ios">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>theme1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="./jianli.css">
    <script src="./jianli4.js"></script>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
    <script>WebFont.load({
        google: {
            families: ["Montserrat:400,700"]
        }
    });
    </script><script type="text/javascript" src="./jianli3.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/favicon.ico">
    <link rel="apple-touch-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png">
    <style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}</style>
</head>
<body>
<div class="header">
    <div class="w-nav nav-bg" data-collapse="small" data-animation="default" data-duration="400" data-contain="1" data-ix="display-none" style="display: block; transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms; opacity: 1; transform: translateX(0px) translateY(0px);">
        <div class="w-container nav">
            <nav class="w-nav-menu nav-menu" role="navigation"><a class="w-nav-link nav-link" href="#hero" style="max-width: 940px;">HOME</a><a class="w-nav-link nav-link" href="#services" style="max-width: 940px;">Skill</a><a class="w-nav-link nav-link" href="#client" style="max-width: 940px;">Works<a class="w-nav-link nav-link" href="#portfolio" style="max-width: 940px;">Experibnce</a><a class="w-nav-link nav-link w--current" href="#contact" style="max-width: 940px;">Contact</a></nav>
            <div class="w-nav-button">
                <div class="w-icon-nav-menu"></div>
            </div>
        </div>
        <div class="w-nav-overlay" data-wf-ignore=""></div>
    </div>
</div>
<div class="hero" id="hero" data-ix="display-nav">
    <div class="w-container">
        <div class="userpic"></div>
        <p class="wite-center">MY NAME IS</p>
        <h3 class="name"><span class="name-span">谢玉婷</span></h3>
        <div class="skils">
            <p class="wite-center">现居地四川绵阳涪城区.</p>
        </div>
    </div>
    <div class="w-container"><a class="w-inline-block mouse" href="#services" data-ix="mouse" style="transition: transform 1000ms, opacity 1000ms; -webkit-transition: transform 1000ms, opacity 1000ms; opacity: 1; transform: translateX(0px) translateY(0px);"></a></div>
</div>
<div class="w-nav navbar" data-collapse="medium" data-animation="default" data-duration="400" data-contain="1">
    <div class="w-container">
        <nav class="w-nav-menu nav-menu" role="navigation"><a class="w-nav-link nav-link bottom" href="#hero" style="max-width: 940px;">HOME</a><a class="w-nav-link nav-link bottom" href="#services" style="max-width: 940px;">Skill</a><a class="w-nav-link nav-link bottom" href="#story" style="max-width: 940px;">Works</a><a class="w-nav-link nav-link bottom" href="#portfolio" style="max-width: 940px;">Experibnce</a><a class="w-nav-link nav-link bottom" href="#contact" style="max-width: 940px;">Contact</a></nav>
        <div class="w-nav-button">
            <div class="w-icon-nav-menu"></div>
        </div>
    </div>
    <div class="w-nav-overlay" data-wf-ignore=""></div>
</div>
<div class="portfolio" id="services">
    <div class="w-container">
        <div class="w-row">
            <div class="w-col w-col-3 w-col-small-6 serv" data-ix="popup" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;">
                <div class="camera round-icon"></div>
                <h1>ps</h1>
                <p>Adobe PS图象处理软件是图像处理软件的开发和分布。&nbsp;</p>
            </div>
            <div class="w-col w-col-3 w-col-small-6 serv" data-ix="popup-2" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;">
                <div class="round-icon pen"></div>
                <h1>Web</h1>
                <p>网站开发是制作一些专业性强的网站，而Web开发可能是一个部门，而不是域指定的部门之间的协作努力。&nbsp;</p>
            </div>
            <div class="w-col w-col-3 w-col-small-6 serv" data-ix="popup-3" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;">
                <div class="round-icon seo"></div>
                <h1>SEO</h1>
                <p>SEO由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指从自然搜索结果获得网站流量的技术和过程。.&nbsp;</p>
            </div>
            <div class="w-col w-col-3 w-col-small-6 serv" data-ix="popup-4" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;">
                <div class="round-icon coding"></div>
                <h1>Programming</h1>
                <p> 编程是编写程序的中文简称，就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到相应结果的过程。&nbsp;</p>
            </div>
        </div>
    </div>
</div>

<div class="portfolio" id="client">
    <div class="w-container">
        <h1>Works</h1>
        <p>Below this is my personal do some PS works.</p>
        <div class="w-row section" align="center">
            <div class="w-col w-col-2 w-col-small-4"><img class="customer" src="./img/9.25.jpg" alt="customer_3.png" data-ix="popup-3" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;"></div>
            <div class="w-col w-col-2 w-col-small-4"><img class="customer" src="./img/121.png" alt="customer_4.png" data-ix="popup-4" style="opacity: 1; transform: scale(1); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, transform 500ms;"></div>

        </div>
    </div>
</div>
<div class="last-work" id="work">
    <div class="w-container">
        <h1>Experibnce</h1>
        <p>Only the creation, it is really enjoyable, only hard work, is full of life.</p>
        <div class="w-row section">
            <div class="w-col w-col-6">
                <p class="icon-text _4-icon"><span class="subtitle">2002年-2008年</span><br>毕业于江油市九岭镇小学&nbsp;</p>
                <p class="icon-text joypad-icon"><span class="subtitle">2008年-2011年</span><br> 毕业于江油市九岭镇初中学校.&nbsp;</p>
                <p class="icon-text imac-icon"><span class="subtitle">20112年-2015年</span><br> 毕业于江油市职业中学校计算机专业.&nbsp;</p>
            </div>
            <div class="w-col w-col-6"><img src="./img/121.png" alt="ipad123.png" data-ix="from-right" style="opacity: 1; transform: translateX(0px) translateY(0px); transition: opacity 500ms, transform 1000ms; -webkit-transition: opacity 500ms, transform 1000ms;"></div>
        </div>
    </div>
</div>
<div class="portfolio" id="contact">
    <div class="w-container">
        <h1>My contacts</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>

    </div>
    <div  class="w-container section soc"><a class="w-inline-block social" href="#"><img src="./img/13.gif" alt="facebook.png">QQ:2514150193</a><a class="w-inline-block social" href="#"><img src="./img/14.gif" alt="google-%2B.png">电话：15281130715</a><a class="w-inline-block social" href="#"><img src="./img/15.gif" alt="instagramm.png">E-mail:2514150193@qq.com</a></div>
</div>
<script type="text/javascript" src="./jianli2.js"></script>
<script type="text/javascript" src="./jianli1.js"></script>
<!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>